<!-- web view 此文件仅仅使用在app下 -->

<template>
	<view class="content" ref="title">
		<web-view :src="uu"></web-view>
	</view>
</template>

<script>
	export default {

		data() {
			return {
				// uu:'https://www.preferida777slots.com',
				uu:'https://www.girassol777.com',
				webview_handle: null, // webview 句柄
			}
		},

		onLoad() {
			// #ifdef APP-PLUS
			setTimeout(() => {
				const query = uni.createSelectorQuery().in(this);
				query.select('#title').boundingClientRect(function(res) {
					this.initWebView();
				}.bind(this)).exec();
			}, 1000);
			// #endif
		},

		onUnload() {},
		
		onBackPress(options) {
			if (this.webview_handle != null) {
				this.webview_handle.back();
			}
		
			// if (options.from === 'navigateBack') {
			// 	return false;
			// }
			return false;
		},

		methods: {
			// 创建webview
			initWebView() {
				var currentWebview = this.$scope.$getAppWebview();
				let SystemInfo = uni.getSystemInfoSync();
				setTimeout(function() {  
					wv = currentWebview.children()[0]  
					wv.setStyle({  
						top: 0,
						height: SystemInfo.screenHeight + SystemInfo.statusBarHeight,  
					})  
				}, 10);
				// // #ifdef APP-PLUS

				// if (null == this.webview_handle) {
				// 	let SystemInfo = uni.getSystemInfoSync();

				// 	// 新建
				// 	this.webview_handle = plus.webview.create("", "custom-webview", {
				// 		plusrequire: "none", //禁止远程网页使用plus的API，有些使用mui制作的网页可能会监听plus.key，造成关闭页面混乱，可以通过这种方式禁止
				// 		'uni-app': 'none', //不加载uni-app渲染层框架，避免样式冲突
				// 		top: 0, //放置在titleNView下方。如果还想在webview上方加个地址栏的什么的，可以继续降低TOP值
				// 		height: SystemInfo.screenHeight + SystemInfo.statusBarHeight,
				// 		bottom: 0,
				// 	})

				// 	this.webview_handle.loadURL(this.uu);

				// 	var currentWebview = this.$scope.$getAppWebview(); // 此对象相当于html5plus里的plus.webview.currentWebview()。在uni-app里vue页面直接使用plus.webview.currentWebview()无效，非v3编译模式使用this.$mp.page.$getAppWebview()
				// 	currentWebview.append(this.webview_handle); // 一定要append到当前的页面里！！！才能跟随当前页面一起做动画，一起关闭

				// } else {
				// 	// 已经有了
				// }

				// // #endif
			},
		},
	}
</script>

<style lang="scss">
	page {
		background-color: #FFFFFF;
	}

	.content {
		width: 100%;
		height: 100%;
	}
</style>
